<html lang="en">
<head>
    <!--begin 全局样式 -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <link href="../../media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../media/css/style-metro.css" rel="stylesheet" type="text/css"/>
    <link href="../../media/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../../media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="../../media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="../../media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
</head>
<body class="page-header-fixed">
<!--page begin-->
<div class="header navbar">
<div class="navbar-inner">
<div class="container-fluid">
<!-- BEGIN LOGO -->
<a class="brand" href="../index.html">
    <img src="../../media/image/logo.png" alt="logo"/>
</a>
<!-- END LOGO -->
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
    <img src="media/image/menu-toggler.png" alt=""/>
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<ul class="nav pull-right">
    <!-- BEGIN NOTIFICATION DROPDOWN -->
    <li class="dropdown" id="header_notification_bar">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <i class="icon-warning-sign"></i>
            <span class="badge">6</span>
        </a>
        <ul class="dropdown-menu extended notification">
            <li>
                <p>你有14条提醒</p>
            </li>
            <li><a href="#"><span class="label label-success"><i class="icon-plus"></i></span>
                New user registered.
                <span class="time">Just now</span>
            </a>
            </li>
            <li>
                <a href="#">
                    <span class="label label-important"><i class="icon-bolt"></i></span>
                    Server #12 overloaded.
                    <span class="time">15 mins</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="label label-warning"><i class="icon-bell"></i></span>
                    Server #2 not respoding.
                    <span class="time">22 mins</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="label label-info"><i class="icon-bullhorn"></i></span>
                    Application error.
                    <span class="time">40 mins</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="label label-important"><i class="icon-bolt"></i></span>
                    Database overloaded 68%.
                    <span class="time">2 hrs</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="label label-important"><i class="icon-bolt"></i></span>
                    2 user IP blocked.
                    <span class="time">5 hrs</span>
                </a>
            </li>
            <li class="external">
                <a href="#">查看所有提示信息<i class="m-icon-swapright"></i></a>
            </li>
        </ul>
    </li>
    <!-- END NOTIFICATION DROPDOWN -->
    <!-- BEGIN INBOX DROPDOWN -->
    <li class="dropdown" id="header_inbox_bar">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <i class="icon-envelope"></i>
            <span class="badge">5</span>
        </a>
        <ul class="dropdown-menu extended inbox">
            <li>
                <p>你有12条消息</p>
            </li>
            <li>
                <a href="inbox.html?a=view">
                    <span class="photo"><img src="media/image/avatar2.jpg" alt=""/></span>
                <span class="subject"><span class="from">Lisa Wong</span>
                <span class="time">Just Now</span></span>
                    <span class="message">Vivamus sed auctor nibh congue nibh. auctor nibhauctor nibh...</span>
                </a>
            </li>
            <li>
                <a href="inbox.html?a=view">
                    <span class="photo"><img src="./media/image/avatar3.jpg" alt=""/></span>
                <span class="subject"><span class="from">Richard Doe</span>
                <span class="time">16 mins</span></span>
                    <span class="message">Vivamus sed congue nibh auctor nibh congue nibh. auctor nibhauctor nibh...</span>
                </a>
            </li>
            <li>
                <a href="inbox.html?a=view">
                    <span class="photo"><img src="./media/image/avatar1.jpg" alt=""/></span>
                <span class="subject"><span class="from">Bob Nilson</span>
                <span class="time">2 hrs</span></span>
                    <span class="message">Vivamus sed nibh auctor nibh congue nibh. auctor nibhauctor nibh...</span>
                </a>
            </li>
            <li class="external">
                <a href="inbox.html">查看所有消息<i class="m-icon-swapright"></i></a>
            </li>
        </ul>
    </li>

    <!-- END INBOX DROPDOWN -->

    <!-- BEGIN TODO DROPDOWN -->

    <li class="dropdown" id="header_task_bar">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <i class="icon-tasks"></i>
            <span class="badge">5</span>
        </a>
        <ul class="dropdown-menu extended tasks">
            <li><p>你有12条待办事宜</p></li>
            <li><a href="#"><span class="task">
                            <span class="desc">New release v1.2</span>
                            <span class="percent">30%</span>
                        </span>
                        <span class="progress progress-success ">
                            <span style="width: 30%;" class="bar"></span>
                        </span>
            </a>
            </li>
            <li>
                <a href="#">
                <span class="task">
                    <span class="desc">Application deployment</span>
                    <span class="percent">65%</span>
                 </span>
                 <span class="progress progress-danger progress-striped active">
                    <span style="width: 65%;" class="bar"></span>
                 </span>
                </a>
            </li>
            <li>
                <a href="#">
                <span class="task">
                    <span class="desc">Mobile app release</span>
                        <span class="percent">98%</span>
                </span>
                <span class="progress progress-success">
                    <span style="width: 98%;" class="bar"></span>
                </span>
                </a>
            </li>
            <li>
                <a href="#">
                <span class="task">
                    <span class="desc">Database migration</span>
                    <span class="percent">10%</span>
                </span>
                <span class="progress progress-warning progress-striped">
                    <span style="width: 10%;" class="bar"></span>
                </span>
                </a>
            </li>
            <li>
                <a href="#">
                <span class="task">
                    <span class="desc">Web server upgrade</span>
                    <span class="percent">58%</span>
                 </span>
                 <span class="progress progress-info">
                     <span style="width: 58%;" class="bar"></span>
                 </span>
                </a>
            </li>
            <li>
                <a href="#">
                <span class="task">
                    <span class="desc">Mobile development</span>
                    <span class="percent">85%</span>
                </span>
                <span class="progress progress-success">
                    <span style="width: 85%;" class="bar"></span>
                </span>
                </a>
            </li>
            <li class="external">
                <a href="#">See all tasks <i class="m-icon-swapright"></i></a>
            </li>
        </ul>
    </li>
    <!-- END TODO DROPDOWN -->
    <!-- BEGIN USER LOGIN DROPDOWN -->
    <li class="dropdown user">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <img alt="" src="media/image/avatar1_small.jpg"/>
            <span class="username">Bob Nilson</span>
            <i class="icon-angle-down"></i>
        </a>
        <ul class="dropdown-menu">
            <li><a href="extra_profile.html"><i class="icon-user"></i> My Profile</a></li>
            <li><a href="page_calendar.html"><i class="icon-calendar"></i> My Calendar</a></li>
            <li><a href="inbox.html"><i class="icon-envelope"></i> My Inbox(3)</a></li>
            <li><a href="#"><i class="icon-tasks"></i> My Tasks</a></li>
            <li class="divider"></li>
            <li><a href="extra_lock.html"><i class="icon-lock"></i> Lock Screen</a></li>
            <li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>
        </ul>
    </li>
    <!-- END USER LOGIN DROPDOWN -->
</ul>
<!-- END TOP NAVIGATION MENU -->
</div>
</div>
</div>
<div class="page-container">

</div>
<div class="footer">
    <div class="footer-inner">2013 &copy; Metronic by keenthemes.</div>
</div>
<!-- 引入 javascript  -->
<!-- BEGIN CORE PLUGINS -->
<!--jquery-->
<script src="../../media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<!--兼容1.9 以前的代码-->
<script src="../../media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT!   在 引入bootstrap.min.js 前引入 jquery-ui-1.10.1.custom.min.js 避免 bootstrap tooltip 与 jquery ui tooltip 冲突 -->
<!--jquery UI js-->
<script src="../../media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
<script src="../../media/js/bootstrap.min.js" type="text/javascript"></script>

</body>

</html>